<!-- 头部 -->
{include file="public/top" /}
<!-- /头部 -->
<div class="main-container" id="main-container">
    <!-- left -->
    {include file="public/left" /}
    <!-- /left -->
    <!-- /section:basics/sidebar -->
    <div class="main-content">
        <div class="main-content-inner">
            <!-- #section:basics/content.breadcrumbs -->
            <div class="breadcrumbs" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i> <a href="#">首页</a>
                    </li>
                    <li><a href="#">权限设置</a></li>
                    <li class="active">编辑权限</li>
                </ul>
                <!-- /.nav-search -->
            </div>
            <div class="page-content">
                <div class="page-header">
                    <div class="row">
                        <div class="col-md-6">
                            <h1>
                                编辑权限
                                <small>
                                    <i class="ace-icon fa fa-angle-double-right"></i>
                                    编辑权限
                                </small>
                            </h1>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <div class="widget-box">
                            <!--<div class="widget-header">-->
                                <!--<h5 class="widget-title" style="color: #2679b5; font-size: 16px;">新增用户组</h5>-->
                            <!--</div>-->

                            <div class="widget-body">
                                <div class="widget-main padding-16">
                                    <div class="row">
                                        <form action="{:url('authrule/edit')}" method="POST" id="addsubmit" >
                                            <div class="form-group clearfix">
                                                <label class="col-sm-1 label_control no-padding-right" > 上级权限 </label>
                                                <div class="col-sm-10">
                                                    <select name="pid"  class="col-xs-10 col-sm-5" >
                                                        <option value="0">顶级权限</option>
                                                        {volist name="authruleres" id="authrule"}

                                                        <option {if condition="$authrules['pid'] eq $authrule['id']"} selected="selected" {/if} value="{$authrule.id} ">

                                                            <?php if($authrule['level']!=0){echo '|';} echo str_repeat('—', $authrule['level']*1)?>{$authrule.title}

                                                        </option>

                                                        {/volist}
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group clearfix">
                                                <label class="col-sm-1 label_control no-padding-right" > 权限名称 </label>
                                                <div class="col-sm-10">
                                                    <input type="text"  name="title"  class="col-xs-10 col-sm-5" value="{$authrules.title}" >

                                                </div>
                                            </div>

                                            <div class="form-group clearfix">
                                                <label class="col-sm-1 label_control no-padding-right" > 权限内容 </label>
                                                <div class="col-sm-10">
                                                    <input type="text"  name="name"  class="col-xs-10 col-sm-5"  value="{$authrules.name}">
                                                    <span class="help-inline col-xs-12 col-sm-7 pt">
                                                                    <span class="middle">控制器/方法 例如:index/index</span>
                                                                </span>
                                                </div>
                                            </div>

                                            <div class="form-group clearfix">
                                                <label class="col-sm-1 label_control no-padding-right" > 显示菜单 </label>
                                                <div class="col-sm-10 pt">
                                                    <label >
                                                       <input  type="radio"   class="ace" name="is_display"  value="0" {if condition="$authrules.is_display eq 0"} checked="checked" {/if}>
                                                        <span class="lbl">否</span>
                                                    </label>

                                                    <label style="margin-left: 50px;">
                                                        <input  type="radio"  class="ace" name="is_display"  value="1" {if condition="$authrules.is_display eq 1"} checked="checked" {/if}>
                                                        <span class="lbl">是</span>
                                                    </label>

                                                
                                                </div>
                                            </div>

                                            <div class="form-group clearfix">
                                                <label class="col-sm-1 label_control no-padding-right" > 图标 </label>
                                                <div class="col-sm-10">
                                                    <input type="text"  name="icon"  class="col-xs-10 col-sm-5"  value="{$authrules.icon}" >
                                                    <span class="help-inline col-xs-12 col-sm-7 pt" style="padding-top: 3px;">
                                                        <span class="middle">font-awesome图标 输入fa fa- 后边的即可, 可以不填</span> &nbsp;
                                                        <button
                                                                type="button" class="btn  btn-info btn-sm btn-round"
                                                                data-toggle="modal" data-target="#myModal">
                                                        选择图标
                                                        </button>
                                                    </span>
                                                    <!-- Modal -->
                                                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                                        <div class="modal-dialog" role="document" style="width:1000px;height:700">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                                    <h4 class="modal-title" id="myModalLabel">图标字体库</h4>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <!--<iframe class="myiframe" src="http://fontawesome.dashgame.com/"></iframe>-->

                                                                    <div class="row fontawesome-icon-list">
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-address-book" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-book</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-address-book-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-book-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-address-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-card</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-address-card-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-card-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bandcamp" aria-hidden="true"></i> <span class="sr-only">Example of </span>bandcamp</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bath" aria-hidden="true"></i> <span class="sr-only">Example of </span>bath</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bathtub" aria-hidden="true"></i> <span class="sr-only">Example of </span>bathtub <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-drivers-license" aria-hidden="true"></i> <span class="sr-only">Example of </span>drivers-license <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-drivers-license-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>drivers-license-o <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-eercast" aria-hidden="true"></i> <span class="sr-only">Example of </span>eercast</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-envelope-open" aria-hidden="true"></i> <span class="sr-only">Example of </span>envelope-open</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-envelope-open-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>envelope-open-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-etsy" aria-hidden="true"></i> <span class="sr-only">Example of </span>etsy</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-free-code-camp" aria-hidden="true"></i> <span class="sr-only">Example of </span>free-code-camp</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-grav" aria-hidden="true"></i> <span class="sr-only">Example of </span>grav</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-handshake-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>handshake-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-id-badge" aria-hidden="true"></i> <span class="sr-only">Example of </span>id-badge</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-id-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>id-card</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-id-card-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>id-card-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-imdb" aria-hidden="true"></i> <span class="sr-only">Example of </span>imdb</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-linode" aria-hidden="true"></i> <span class="sr-only">Example of </span>linode</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-meetup" aria-hidden="true"></i> <span class="sr-only">Example of </span>meetup</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-microchip" aria-hidden="true"></i> <span class="sr-only">Example of </span>microchip</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-podcast" aria-hidden="true"></i> <span class="sr-only">Example of </span>podcast</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-quora" aria-hidden="true"></i> <span class="sr-only">Example of </span>quora</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-ravelry" aria-hidden="true"></i> <span class="sr-only">Example of </span>ravelry</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-s15" aria-hidden="true"></i> <span class="sr-only">Example of </span>s15 <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-shower" aria-hidden="true"></i> <span class="sr-only">Example of </span>shower</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-snowflake-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>snowflake-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-superpowers" aria-hidden="true"></i> <span class="sr-only">Example of </span>superpowers</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-telegram" aria-hidden="true"></i> <span class="sr-only">Example of </span>telegram</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-thermometer" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-thermometer-0" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-0 <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-thermometer-1" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-1 <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-thermometer-2" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-2 <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-thermometer-3" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-3 <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-thermometer-4" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-4 <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-thermometer-empty" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-empty</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-thermometer-full" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-full</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-thermometer-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-half</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-thermometer-quarter" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-quarter</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>

                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-times-rectangle" aria-hidden="true"></i> <span class="sr-only">Example of </span>times-rectangle <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-times-rectangle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>times-rectangle-o <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-user-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-circle</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-circle-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-user-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-vcard" aria-hidden="true"></i> <span class="sr-only">Example of </span>vcard <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-vcard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>vcard-o <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-window-close" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-close</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-window-close-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-close-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-window-maximize" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-maximize</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-window-minimize" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-minimize</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-window-restore" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-restore</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-wpexplorer" aria-hidden="true"></i> <span class="sr-only">Example of </span>wpexplorer</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                    </div>
                                                                </div>
                                                                <div>
                                                                    <section id="web-application" class="mainParts">
                                                                        <div class="row fontawesome-icon-list">
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-address-book" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-book</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-address-book-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-book-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-address-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-card</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-address-card-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-card-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-adjust" aria-hidden="true"></i> <span class="sr-only">Example of </span>adjust</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>american-sign-language-interpreting</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-anchor" aria-hidden="true"></i> <span class="sr-only">Example of </span>anchor</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-archive" aria-hidden="true"></i> <span class="sr-only">Example of </span>archive</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-area-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>area-chart</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-arrows" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-arrows-h" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-h</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-arrows-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-v</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <span class="sr-only">Example of </span>assistive-listening-systems</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-asterisk" aria-hidden="true"></i> <span class="sr-only">Example of </span>asterisk</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-at" aria-hidden="true"></i> <span class="sr-only">Example of </span>at</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-audio-description" aria-hidden="true"></i> <span class="sr-only">Example of </span>audio-description</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-automobile" aria-hidden="true"></i> <span class="sr-only">Example of </span>automobile <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-balance-scale" aria-hidden="true"></i> <span class="sr-only">Example of </span>balance-scale</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-ban" aria-hidden="true"></i> <span class="sr-only">Example of </span>ban</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bank" aria-hidden="true"></i> <span class="sr-only">Example of </span>bank <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bar-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>bar-chart</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bar-chart-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bar-chart-o <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-barcode" aria-hidden="true"></i> <span class="sr-only">Example of </span>barcode</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bars" aria-hidden="true"></i> <span class="sr-only">Example of </span>bars</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bath" aria-hidden="true"></i> <span class="sr-only">Example of </span>bath</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bathtub" aria-hidden="true"></i> <span class="sr-only">Example of </span>bathtub <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-battery" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-battery-0" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-0 <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-battery-1" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-1 <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-battery-2" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-2 <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-battery-3" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-3 <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-battery-4" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-4 <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-battery-empty" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-empty</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-battery-full" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-full</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-battery-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-half</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-battery-quarter" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-quarter</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-battery-three-quarters" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-three-quarters</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bed" aria-hidden="true"></i> <span class="sr-only">Example of </span>bed</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-beer" aria-hidden="true"></i> <span class="sr-only">Example of </span>beer</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bell" aria-hidden="true"></i> <span class="sr-only">Example of </span>bell</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bell-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bell-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bell-slash" aria-hidden="true"></i> <span class="sr-only">Example of </span>bell-slash</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bell-slash-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bell-slash-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bicycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>bicycle</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-binoculars" aria-hidden="true"></i> <span class="sr-only">Example of </span>binoculars</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-birthday-cake" aria-hidden="true"></i> <span class="sr-only">Example of </span>birthday-cake</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-blind" aria-hidden="true"></i> <span class="sr-only">Example of </span>blind</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bluetooth" aria-hidden="true"></i> <span class="sr-only">Example of </span>bluetooth</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bluetooth-b" aria-hidden="true"></i> <span class="sr-only">Example of </span>bluetooth-b</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bolt" aria-hidden="true"></i> <span class="sr-only">Example of </span>bolt</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bomb" aria-hidden="true"></i> <span class="sr-only">Example of </span>bomb</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-book" aria-hidden="true"></i> <span class="sr-only">Example of </span>book</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bookmark" aria-hidden="true"></i> <span class="sr-only">Example of </span>bookmark</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bookmark-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bookmark-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-braille" aria-hidden="true"></i> <span class="sr-only">Example of </span>braille</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-briefcase" aria-hidden="true"></i> <span class="sr-only">Example of </span>briefcase</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bug" aria-hidden="true"></i> <span class="sr-only">Example of </span>bug</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-building" aria-hidden="true"></i> <span class="sr-only">Example of </span>building</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-building-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>building-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bullhorn" aria-hidden="true"></i> <span class="sr-only">Example of </span>bullhorn</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bullseye" aria-hidden="true"></i> <span class="sr-only">Example of </span>bullseye</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-bus" aria-hidden="true"></i> <span class="sr-only">Example of </span>bus</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-cab" aria-hidden="true"></i> <span class="sr-only">Example of </span>cab <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-calculator" aria-hidden="true"></i> <span class="sr-only">Example of </span>calculator</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-calendar" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-check-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-calendar-minus-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-minus-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-calendar-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-calendar-plus-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-plus-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-calendar-times-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-times-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-camera" aria-hidden="true"></i> <span class="sr-only">Example of </span>camera</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-camera-retro" aria-hidden="true"></i> <span class="sr-only">Example of </span>camera-retro</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-car" aria-hidden="true"></i> <span class="sr-only">Example of </span>car</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-down</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-caret-square-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-left</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-right</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-up</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-cart-arrow-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>cart-arrow-down</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-cart-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>cart-plus</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-cc" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-certificate" aria-hidden="true"></i> <span class="sr-only">Example of </span>certificate</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-check" aria-hidden="true"></i> <span class="sr-only">Example of </span>check</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-check-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-circle</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-check-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-circle-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-check-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-square</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-check-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-square-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-child" aria-hidden="true"></i> <span class="sr-only">Example of </span>child</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-circle-o-notch" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle-o-notch</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-circle-thin" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle-thin</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-clock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>clock-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-clone" aria-hidden="true"></i> <span class="sr-only">Example of </span>clone</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-close" aria-hidden="true"></i> <span class="sr-only">Example of </span>close <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-cloud" aria-hidden="true"></i> <span class="sr-only">Example of </span>cloud</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-cloud-download" aria-hidden="true"></i> <span class="sr-only">Example of </span>cloud-download</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-cloud-upload" aria-hidden="true"></i> <span class="sr-only">Example of </span>cloud-upload</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-code" aria-hidden="true"></i> <span class="sr-only">Example of </span>code</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-code-fork" aria-hidden="true"></i> <span class="sr-only">Example of </span>code-fork</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-coffee" aria-hidden="true"></i> <span class="sr-only">Example of </span>coffee</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-cog" aria-hidden="true"></i> <span class="sr-only">Example of </span>cog</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-cogs" aria-hidden="true"></i> <span class="sr-only">Example of </span>cogs</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-comment" aria-hidden="true"></i> <span class="sr-only">Example of </span>comment</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-comment-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>comment-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-commenting" aria-hidden="true"></i> <span class="sr-only">Example of </span>commenting</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-commenting-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>commenting-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-comments" aria-hidden="true"></i> <span class="sr-only">Example of </span>comments</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-comments-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>comments-o</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-compass" aria-hidden="true"></i> <span class="sr-only">Example of </span>compass</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-copyright" aria-hidden="true"></i> <span class="sr-only">Example of </span>copyright</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-creative-commons" aria-hidden="true"></i> <span class="sr-only">Example of </span>creative-commons</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-credit-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>credit-card</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>credit-card-alt</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-crop" aria-hidden="true"></i> <span class="sr-only">Example of </span>crop</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-crosshairs" aria-hidden="true"></i> <span class="sr-only">Example of </span>crosshairs</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-cube" aria-hidden="true"></i> <span class="sr-only">Example of </span>cube</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-cubes" aria-hidden="true"></i> <span class="sr-only">Example of </span>cubes</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-cutlery" aria-hidden="true"></i> <span class="sr-only">Example of </span>cutlery</a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                            <div class="fa-hover col-md-3 col-sm-4"><a class="col-xs-11"><i class="fa fa-dashboard" aria-hidden="true"></i> <span class="sr-only">Example of </span>dashboard <span class="text-muted">(alias)</span></a><span class="clipboard text-muted" style="line-height: 32px;"><i class="fa fa-clipboard"></i></span></div>
                                                                        </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>


                                            <input type="hidden" name="id" value="{$authrules.id}">
                                            <br>
                                            <div class="col-xs-6 align-center">
                                                <input type="submit"  value="提交保存" class="btn btn-info input-small btn-round">

                                            </div>
                                        </form>





                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
</div><!-- /.main-container -->
